<template>
	<view class="search-box flex-ct" @click="toSearchPage()">
		<image src="/static/search-icon.png"  class="search-img" ></image>
		<text>共有857142道菜</text>
	</view>
</template>

<script setup>
	function toSearchPage() {
		uni.navigateTo({
			url: "/cookbookPackage/pages/search/search"
		})
	}
</script>

<style lang="scss">
.search-box{
	margin: -37rpx auto 24rpx;
	width: 686rpx;
	height: 74rpx;
	background-color: #ffffff;
	box-shadow: 0rpx 4rpx 8rpx 0rpx #f3f3f3;
	border-radius: 38rpx;
	color: #a8a8a8;
	.search-img{
		width: 35rpx;
		height: 35rpx;
		margin-right: 10rpx;
	}
}
</style>